<%-- 
    Document   : pedidoAgregar
    Created on : 08-29-2012, 03:27:54 PM
    Author     : marco.castro
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib uri="http://www.extremecomponents.org" prefix="ec"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!-- Extreme Component -->
        <link rel="stylesheet" type="text/css" href="../resources/css/extremecomponents.css">
        <script type="text/javascript" src="../resources/javascript/extremecomponents.js"></script>	
        <script type="text/javascript" src="../resources/javascript/jquery.js"></script>
<title>Sistema Integral de Bodega - MTPS</title>
<script type="text/javascript">
    $(document).ready(function() {
          $("#guardarPedido").validate();
    });
</script>

<script type="text/javascript">   

   function find_secc(seccionUnidadid,seccionUnidadNombre){
   		$("#idSeccionunidad").val(seccionUnidadid);
   		$("#nombreSeccion").val(seccionUnidadNombre);
   }

   function onTableClick(idPedido,
		   				compromisoPedido,
		   				fechaPedido,
		   				justificacionPedido, 
		   				numeroPedido, 
		   				ordencompraPedido,
		   				estado,
		   				fechaRegistroPedido,
		   				idSeccionunidad,
		   				seccionunidad,idEstadopedido
		   				){	
	   
	   if(idEstadopedido == 3){			
			$("#liquidar").show();
			$("#eliminar").hide();
			$("#actulizar").show();
		}
		if(idEstadopedido == 2){
			$("#eliminar").hide();
			$("#liquidar").hide();
			$("#actulizar").show();
		}
		if(idEstadopedido == 4){
			$("#eliminar").hide();
			$("#actulizar").hide();
			$("#liquidar").hide();
		}
		if(idEstadopedido == 1){
			$("#eliminar").show();
			$("#actulizar").show();
			$("#liquidar").hide();
		}

	   
	   
				$("#numeroPedido").val(numeroPedido);
				$("#fechaPedido").val(fechaPedido);
				$("#justificacionPedido").val(justificacionPedido);
				$("#compromisoPedido").val(compromisoPedido); 
				$("#ordencompraPedido").val(ordencompraPedido);
				$("#cal-field-1").val(fechaPedido);				
				$("#idPedido").val(idPedido);
				$("#estado").val(estado);
				$("#fechaRegistroPedido").val(fechaRegistroPedido);
				
				find_secc(idSeccionunidad,seccionunidad);
				
				showEditBtn();
			}
			
   function showEditBtn(){
				$(".btnEditar").hide("fast");
				$(".btnAgregar").hide("slow");
				$(".btnEditar").show("slow");				
			}
			
   function hiddenEditBtn(){
				$(".btnEditar").hide("fast");
				$(".btnAgregar").show("slow");								
			}
			
   function edit(formulario, accion){				
				form = document.getElementsByName(formulario);
				form[0].action = accion;
				form[0].submit();																
			}
</script>

<script type="text/javascript">
	$(document).ready(function() {
	    $("#pedido").validate();
	});
	</script>
	
<jsp:include page="includeCSSjs.jsp"/>
    </head>
    
<body>
        <font class="divTextoEncabezado">Registro de Pedido</font>
        <br><br>
   <form:form method="post" action="addPedido" commandName="pedido">
   <table width="57%" border="0">
   <tr>
      <td><form:label path="numeroPedido"  class="text0">Número Correlativo</form:label></td>
      <td><form:input type="text" path="numeroPedido" id="numeroPedido" class="required inputTextFacturaAgregar" onkeypress="return soloLetras(event)" maxlength="10" />
      		<form:hidden path="idPedido" id="idPedido" />
      		<form:hidden path="estadoPedido.idEstadopedido" id="estado" />
      		<form:hidden path="fechaRegistroPedido" id="fechaRegistroPedido" />
      		
      		</td>
   </tr>
   <tr>
      <td><form:label path="fechaPedido" class="text0">Fecha Elaboración</form:label></td>
      <td><form:input  type="text" id="cal-field-1" path="fechaPedido" size="17" maxlength="10" value="" class="required date inputCalendario0" readonly="true"/>
   <input type=image src="../resources/img/calendario.png" width="16" height="16" id="cal-button-1" class="inputCalendario">
			<script type="text/javascript">
						Calendar.setup({
						  inputField    : "cal-field-1",
						  button        : "cal-button-1",
						  align         : "Br"
						});
			</script>
   </td>
   </tr><%-- 
<tr style="visibility:hidden;">
    <td><form:label path="idSeccionunidad" class="text0">Unidad Presupuestaria</form:label></td>
    <td width="50%"><input type="text" id="idSeccionunidad"  class="inputTextFacturaAgregar" READONLY="true"/></td>
  </tr>
<tr style="visibility:hidden;">
    <td><label id="lineaTrabajo" class="text0">Línea de Trabajo</label></td>
    <td width="50%"><input type="text" id="lineaTrabajo" class="inputTextFacturaAgregar" READONLY="true"/></td>
  </tr> --%>





  <%-- <tr style="visibility:hidden;">
    <td width="50%"><label id="lbl6" class="text0">Zona Geográfica</label> </td>
    <td width="50%"><input type="text" path="zonaGeo"  class="inputTextFacturaAgregar" READONLY="true"/></td>
  </tr>
  <tr style="visibility:hidden;">
    <td width="50%"><label id="lbl7" class="text0">Extensión Telefónica</label> </td>
    <td width="50%"><input type="text" path="extTelefonica" class="inputTextFacturaAgregar" READONLY="true"/></td>
  </tr> --%>
<tr>
    <td ><form:label path="justificacionPedido" class="text0">Justificación</form:label> </td>
    <td ><form:input onkeypress="return soloLetras(event)" maxlength="99" type="text" path="justificacionPedido"  class="required inputTextFacturaAgregar"/></td>
  </tr>
<tr>
    <td ><form:label path="ordencompraPedido" class="text0">Número de OC</form:label> </td>
    <td ><form:input type="text" path="ordencompraPedido"  class="inputTextFacturaAgregar" onkeypress="return soloLetras(event)" maxlength="10" /></td>
  </tr>
<tr>
    <td ><form:label path="compromisoPedido" class="text0">Número de Compromiso</form:label> </td>
    <td ><form:input type="text" path="compromisoPedido"  class="inputTextFacturaAgregar" onkeypress="return soloLetras(event)" maxlength="10" /></td>
  </tr>
  <tr>
    <td><form:label path="idSeccionunidad" class="text0">Sección Unidad</form:label></td>
    
    <td>
    		<form:hidden path="idSeccionunidad" />
    		<input type="text" id="nombreSeccion" size="60"  readonly="true" class="required inputTextFacturaAgregar"/>
    		<input type="buttom" name="buscar" class="inputBoton botonLupa" onclick="TINY.box.show({iframe:'<%request.getContextPath();%>findSeccionUni',boxid:'frameless',width:600,height:350,fixed:true,maskid:'bluemask',maskopacity:100})">
    		
    
    </td>
</tr>
</table>

<br>
<br>


<center>
        <div class="btnAgregar">
            <input id="btnAgregar" type="image" src="${pageContext.request.contextPath}/resources/img/boton_agregar.png" width="95" height="30" class="inputBoton"   />
        </div>
        <div class="btnEditar" style="display:none;">				
					<input id="actulizar" type="image" src="${pageContext.request.contextPath}/resources/img/boton_guardar.png" width="95" height="30" class="inputBoton" onclick="edit('pedido','editPedido')" title="Editar registro"/>
					<input id="eliminar" type="image" src="${pageContext.request.contextPath}/resources/img/btn_eliminar.png" width="95" height="30" class="inputBoton" onclick="edit('pedido','delPedido')" title="Borrar registro" />
					<input type=image id="liquidar"  src="../resources/img/boton_liquidar.png" width="95" height="30" class="inputBoton"  onclick="if(!confirm('Realmente desea descargar la requisision?, accion irreversible')){ return false} else{ edit('pedido','liquidarPedido')}" />
					<input id="btnShow" type="image" src="${pageContext.request.contextPath}/resources/img/btn_cancelar.png" width="95" height="30" class="inputBoton" onclick="edit('pedido','pedidoAgregar')"  title="Agregar registro"/>
		            <input type=image src="${pageContext.request.contextPath}/resources/img/btn_detalle.png" width="95" height="30" class="inputBoton" onclick="edit('pedido','showPedidoDet')" title="Agregar detalle de pedido">
		</div>
</center>

</form:form>
<%-- </form>--%>

<br>

<div class='divDetalledelProductoPedido'>DETALLE DEL PEDIDO</div>
<br>
<div class='divTablaAgregarPedido'>
<center>
<!-- Extreme Table  -->
<c:if test="${!empty pedidoList}">
 <ec:table 
  items="pedidoList" 
  action="${pageContext.request.contextPath}/admin/pedidoAgregar" 
  view="compact" 
  imagePath="${pageContext.request.contextPath}/resources/images/compact/*.gif" 
  rowsDisplayed="8" var="ped" >
          
    <ec:row highlightRow="true"  
    onclick="onTableClick('${pageScope.ped.id.idPedido}',
    						'${pageScope.ped.id.compromisoPedido}',
                          '${pageScope.ped.id.fechaPedido}',
    					  '${pageScope.ped.id.justificacionPedido}',
    				      '${pageScope.ped.id.numeroPedido}',    					
    					  '${pageScope.ped.id.ordencompraPedido}',
    					  '${pageScope.ped.id.idEstadopedido}',
    					  '${pageScope.ped.id.fechaRegistroPedido}',
    					  '${pageScope.ped.id.idSeccionunidad}',
						  '${pageScope.ped.id.seccionunidad}',
						  '${pageScope.ped.id.idEstadopedido}');">    		
      <ec:column property="id.numeroPedido" title="Número de pedido"/>             
      <ec:column property="id.fechaPedido" cell="date" parse="yyyy-MM-dd" format="MM/dd/yyyy" title="Fecha de pedido"/>
      <ec:column property="id.justificacionPedido" title="Justificación"/>
      <ec:column property="id.compromisoPedido" title="Número de compromiso"/> 
      <ec:column property="id.ordencompraPedido" title="Número de orden de compra"/>
      <ec:column property="id.estadoPedido" title="Estado Pedido" filterCell="droplist"/>  
    </ec:row>
  </ec:table>
</c:if>
</center>
<%-- <center><input type=image src="img/boton_liquidar.png" width="95" height="30" class="inputBoton"></center>--%>
</div>
</body>
</html>
